<!-- 单据设置页面 -->
<template>
  <div>
    <div class="content-box">
      <div class="left-box">
        <DocumentSettingsTable @select-table-row="handleSelectTableRow" />
      </div>
      <!-- <div class="right-box" v-show="ticketMode"> -->
        <div class="right-box">
        <CardIndex ref="cardIndexRef" />
      </div>
    </div>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import DocumentSettingsTable from './components/DocumentSetting/DocumentSettingsTable.vue'
import CardIndex from './components/DocumentSetting/CardIndex.vue'
import { id } from 'element-plus/es/locales.mjs';



// 列表选中行事件回调
const cardIndexRef = ref(null)
function handleSelectTableRow(row) {
  // console.log('当前选中行：》》',row)
  // 打开兄弟组件 - 右边卡片页面
  cardIndexRef.value.openCard(row)
}
</script>

<style lang="scss" scoped>
.content-box {
  display: flex;
  align-items: flex-start;
  .right-box { margin-left: 30px; }
}
</style>
